/*--           CSS MODS BY MARK JOSEPH RIVERA - FEBRUARY 14, 2012            --*/
/*-----------------------------------------------------------------------------*/



/*## DEFAULT LAYOUT CONFIGURATION
######################################*/

@import 'class';
@import 'emulateIE';

html { min-height:100%; *overflow-x:hidden; }
body { background:#000 url(../images/bg_body.jpg) no-repeat top center; 

	//Multi-Wrappers
	.wrap { clear:both; float:left; width:100%; margin:0;
		&.header { min-height:1%; max-height:115px; }
		&.footer { min-height:1%; max-height:200px; }
		
		&.home { min-height:1%; max-height:100%; }
	}

	header, footer, #main { position:relative; width:1060px; margin:auto; }

	ul { line-height:18px; margin:10px 0 10px 25px; }
	a { color:#444; text-decoration:none;
		&:focus,
		&:active { color:#333; }
		&:hover  { color:#CCC; }
	}
	
	header {
		#hdrLogo { position:absolute; top:0; left:0; display:block; background:url(../images/hdr_logo.png) no-repeat; width:311px; height:106px; }
	}
	
	nav {
		&[menunav] { float:right; background:url(../images/mn/menunav.png) no-repeat; width:572px; height:115px;
			ul { float:left; position:relative; top:-20px; width:572px; height:115px; margin:0;
				li { float:left; width:114px; margin-right:1px;
					&.panel1 {
						a { display:block; width:inherit; height:115px; }
					}
					&.panel2 { width:227px; margin-right:0;
						a { display:block; width:inherit; height:115px; }
					}
				}
			}
		}
	}
	
	footer { padding:10px 0;
		ul { float:left; list-style:none; width:100%; margin:0;
			li { font-size:11px; text-transform:uppercase; padding:10px 0;
				&.col1 { width:50%;
					a { color:#666; margin-right:10px;
						&:hover { color:#20b57b; }
					}
					span { display:block; font-size:11px; text-transform:capitalize; }				
				}
				&.col2 { text-align:right; width:50%;
					img { position:relative; top:-2px; margin-left:2.5px; }
					a:first-child { margin-left:5px; }
				}
			}
		}
	}
		
}



/*## DEFAULT USER ACCOUNT CONFIGURATION
######################################*/

#secureLogin { display:none; position:fixed; background:rgba(0,0,0,.50); width:100%; height:100%; z-index:1000; 
	
	fieldset { position:relative; background:#111; color:#EEE; width:340px; height:230px; margin:150px auto; padding:10px; border:solid 10px #0e4a35; .border-radius(5px); .box-shadow(0,1px,10px,0,rgba(0,0,0,.75)); z-index:999;
		span { 
			&[error] { position:absolute; top:10px; display:block; background:#cb3822; font-size:12px; color:#FFF; text-align:center; width:330px; padding:7px 5px; }
			&[blue] { color:#0098ce; }
		}
		h2 { font:24px MyriadProBold; color:#FFF; text-transform:uppercase; margin:40px 0 10px; }
		table { width:100%; margin:0;
			td { padding:0 0 15px; vertical-align:top; }
			
			input[type=text],input[type=password] { width:200px; padding:6px 5px; .border-radius(2px); }
			input[type=checkbox] { width:20px; height:20px; margin:0 0 0 -3px; padding:3px; }
		}
		button { position:relative; background:#FFF; padding:5px 20px; border:solid 1px #222; .border-radius(4px); .box-shadow(0,1px,1px,0,rgba(255,255,255,.25)); .linear-gradient(#EEE,#999,100%); }
	}
	
}



/*## DEFAULT HOMEPAGE CONFIGURATION
######################################*/

#slides { position:relative; width:100%; min-height:220px; padding:50px 0; z-index:100;
	.slides_container { display:none; position:relative; width:900px; height:200px; margin:auto; border:solid 10px #333; .border-radius(5px); overflow:hidden; }
	.next, .prev { position:absolute; top:42%; left:46px; display:block; width:24px; height:43px; z-index:101; }
	.next { left:989px; }
	.pagination { display:none; }
}

.slide { position:relative; display:block; background:rgba(0,0,0,.75); width:900px; height:200px;
	ul { float:left; list-style:none; margin:0; }
	li { position:relative; width:auto;
		&.col1 { width:200px; overflow:hidden;
			img { width:200px !important; }
		}
		&.col2 { width:680px; padding:10px;
			h1 { font:30px MyriadProBold; color:#999; text-transform:uppercase; margin-bottom:40px; }
			small { display:block; color:#EEE; }
			
			//CUSTOM SLIDER UI
			.slider-range-min { float:left; position:relative; background:url(../images/bg_input-range.jpg) no-repeat; width:570px; height:15px !important; border:none; .border-radius(0);
				ul { position:absolute; bottom:-22px; left:0; float:left; list-style:none; width:570px; margin:0;
					li { font:16px MyriadProRegular; text-transform:uppercase; width:50% !important; padding:0;
						&.col1 { color:#c52129; text-align:left; }
						&.col2 { color:#20b57b; text-align:right; }
					}
				}
			}
			input[type=text] { float:left; position:relative; top:-12px; background:transparent; font:38px MyriadProBold; color:#20b57b; width:70px; margin-left:20px; outline:none; }
			
			//SLIDER POINTER HANDLER & RANGE
			.ui-slider-handle { top:10px; background:url(../images/point_handler.png) no-repeat; height:24px; border:none; cursor:pointer; .border-radius(0); }
			.ui-slider-range { background:transparent; }
		}
	}
	button[rateit] { position:absolute; top:15px; right:20px; display:block; background:#333; font:bold 13px sans-serif; color:#EEE; text-transform:uppercase; line-height:30px; height:30px; margin:0; padding:0 20px; border:none; .border-radius(5px); }
	a[skip] { position:absolute; bottom:5px; left:210px; display:block; font-size:10px; color:#DDD; text-align:center; text-transform:uppercase; width:570px; }
}

#wrapthumbs { position:relative; width:900px; height:50px; margin:10px auto; padding:5px 0; }

#wrapuniverse {
	ul { float:left; list-style:none; width:860px; margin:50px 0; padding:0 100px;
		.col1 { width:430px; }
		.col2 { width:300px; padding-left:130px;}
	}
	
	#universal_search {
		label { display:block; font:24px MyriadProBold; color:#999; text-transform:uppercase; }
		input[type=search] { position:relative; display:inline; width:200px; padding:8px 5px; border:solid 1px #666; vertical-align:top;
			&:focus { outline:inset 1px #20b57b; }
		}
		button { background:#333 url("") no-repeat 50% 50%; }
		button { display:inline; width:64px; height:32px; border:none; .border-radius(3px); .box-shadow(0,1px,1px,0,#666); }
	}
	
	#universal_tag { font:20px MyriadProBold; color:#7fac42; text-transform:uppercase;
		img { vertical-align:bottom; margin:0 10px 0 50px; }
	}
}


